<!doctype html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=uft-8" />
    <meta name="viewport"   content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
    <title>塑料报价登录</title>
    <link href="css/common.css" rel="stylesheet" type="text/css" />
    <style>
        .lgTopRow{ background: #fff;}
        .lgTopRowInner{ width:1200px;height: 118px;overflow: hidden;margin: 0px auto; }
        .loginMain{ height: 742px;background: url( /res/offer/mobadmin/images/loginBg.jpg ) top center no-repeat; }
        .loginContent{ width:1200px;margin:0px auto;position: relative;height: 742px;background: url( /res/offer/mobadmin/images/loginBg.jpg ) top center no-repeat;}
        .loginPanel{ position: absolute;right: 34px;top:175px;background: #fafafa;
        border-radius: 6px;width:400px;height: 306px; }
        .loginPanelTil{ font-size: 20px;font-weight: bold;height: 50px;line-height: 50px;text-align: center;background: #eeeeee;border-radius:6px 6px 0px 0px; border-bottom: 1px solid #e8e8e8; }
        .loginRow{ width:242px;height: 37px;margin:0px auto;    box-shadow: 0px 4px 6px #dedede;margin-top: 10px;position: relative;}
        .loginBody{ margin-top: 40px; }
        .loginInp{ position: absolute;left: 40px;top:10px;border: none;outline: none;}
        .loginUserIcon{ position: absolute;width: 22px;height: 22px;background: url( /res/offer/mobadmin/images/loginU.gif) no-repeat;
            top:10px;left: 10px;
        }
        .loginPasIcon{position: absolute;width: 22px;height: 22px;background: url( /res/offer/mobadmin/images/loginP.gif) no-repeat;
            top:10px;left: 10px; } 
        .loginSubBtn{ display: inline-block;width:256px;height: 40px;line-height: 40px;background: #2f8aff;color: #fff;text-align: center;font-size: 20px; }
        .loginSubRow{ text-align: center;margin-top: 50px;}
        .loginBotEr{ text-align: center;margin-top:20px; }
        .loginBotTxt{ font-size: 30px;color:#333333;text-align: center;}
    </style>
</head>
<body>
    <div class="lgTopRow">
        <div class="lgTopRowInner">
            <img src="/res/offer/mobadmin/images/baojiaLogo.png" />
        </div>
    </div>
    <div class="loginMain">
        <div class="loginContent">
            <div class="loginPanel">
                <div class="loginPanelTil">塑料报价会员中心</div>
                <div class="loginBody">
                    <div class="loginRow">
                        <span class="loginUserIcon"></span>
                        <input type="text" class="loginInp" placeholder="账号"/>
                    </div>
                    <div class="loginRow">
                        <span class="loginPasIcon"></span>
                        <input type="password" class="loginInp" placeholder="密码"/>
                    </div>
                </div>
                <div class="loginSubRow">
                    <a href="#" class="loginSubBtn">登录</a>
                </div>
            </div>
        </div>
    </div>
    <div class="loginBot">
        <div class="loginBotEr">
            <img src="/res/offer/mobadmin/images/ercode.jpg" />
        </div>
        <div class="loginBotTxt">扫一扫，关注塑料报价</div>
    </div>
</body>
</html>